<template>
    <el-row>
        <el-col :span="24" style="margin-bottom:20px;">
            <line-chart />
            

        </el-col>

        <el-col :span="24">

            <el-tabs style="background-color: #fff;" v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="交易统计" name="first">
                    <trading-statistics />
                </el-tab-pane>
                <el-tab-pane label="盈利能力" name="second">
                    <profit />
                </el-tab-pane>
                <el-tab-pane label="评级风险" name="third">
                    <rate/>
                </el-tab-pane>
            </el-tabs>
        </el-col>


    </el-row>
</template>

<script>

import LineChart from './lineChart.vue';
import TradingStatistics from './tradingStatistics.vue';
import profit from './profit.vue'
import rate from './rate.vue'

export default {
    components: { LineChart, TradingStatistics,profit ,rate},
    data() {
        return {
            info: {},
            activeName: 'first',
            tableData: [
                { year: '2023', Jan: '--', Feb: '--', Mar: '--', Apr: '--', May: '--', Jun: '--', Jul: '-1.49%', Aug: '-99.33%', Sept: '--', Oct: '--', Nov: '--', Dec: '--' },
                { year: '2024', Jan: '--', Feb: '--', Mar: '--', Apr: '--', May: '--', Jun: '--', Jul: '--', Aug: '--', Sept: '--', Oct: '--', Nov: '--', Dec: '--' }
            ]
        }
    },
    mounted() {
        this.info = JSON.parse(localStorage.getItem('info'))
    },
    methods: {

        handleClick(tab, event) {
            console.log(tab, event);
        }
    }
}
</script>

<style lang="scss" scoped></style>